<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-cn" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link th:href="@{/css/css.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/css/common.css}" rel="stylesheet" tyle="text/css"/>
    <link th:href="@{/css/show.css}" rel="stylesheet" type="text/css"/>
    <script th:src="@{/js/jquery.min.1.8.2.js}" type="text/javascript"></script>
    <script th:src="@{/js/jquery.SuperSlide.2.1.1.js}" type="text/javascript"></script>
    <script th:src="@{/js/common_js.js}" type="text/javascript"></script>
    <script th:src="@{/js/footer.js}" type="text/javascript"></script>
    <script th:src="@{/js/jqzoom.js}" type="text/javascript"></script>
    <script th:src="@{/js/layer/layer.js}" type="text/javascript"></script>
    <script th:src="@{/js/axios.min.js}" type="text/javascript"></script>
    <script th:src="@{/js/vue.js}" type="text/javascript"></script>

    <!--[if IE 7]>
    <link rel="stylesheet" th:href="@{/css/font-awesome-ie7.min.css}">
    <![endif]-->
    <title>产品名称详细介绍购买</title>
    <script>

        $(function () {
            if ($("#buyNums").val() == 1) {
                $("#reduce").prop("disabled", true);
            }

            $("#add").click(function () {
                $("#buyNums").val(parseInt($("#buyNums").val()) + 1);
                $("#reduce").prop("disabled", false);
            });
            $("#reduce").click(function () {
                if ($("#buyNums").val() > 1) {
                    $("#buyNums").val($("#buyNums").val() - 1);
                    if ($("#buyNums").val() == 1) {
                        $("#reduce").prop("disabled", true);
                    }
                }
            });
            $("#buyNums").blur(function () {
                let buyNums = $(this).val();
                if (!IsNum(buyNums)) {
                    $(this).val("1");
                }
            });

            $("#specTable").find("tr").each(function () {
                $(this).find("input").first().prop("checked", true);
            })
            let arr = [];
            $("input[type='radio']:checked").each(function () {
                arr.push(parseInt($(this).val()));
            })
            $.getJSON("../getPrice?ids=" + arr, function (r) {
                if (r.code == 200) {
                    $("#goodsPrice").text("¥" + r.data);
                    $("#goodsPrice").val(r.data);
                    $("#price2").text("¥" + r.data);
                } else if (r.code == 500) {
                    layer.msg("该商品暂时缺货", {
                        icon: 7,
                        time: 1000
                    })
                }
            });

            $.getJSON("../getSales?ids=" + arr, function (r) {
                if (r.code == 200) {
                    $("#salesId").text(r.data);
                }
            });
            $.getJSON("../getSkuId?ids=" + arr, function (r) {
                if (r.code == 200) {
                    $("#skuId").val(r.data);
                }
            });
            let spuId = $("#spuId").val();
            let review = {
                spuId: spuId,
                type: 0,
            };
            $.post("../review", review, function (r) {
                if (r.code == 200) {
                    // alert("查询该商品的所有评论")
                    // alert(r.data)
                    $("#reviewTable").empty();
                    $("#reviewTable").append("<tr>\n" +
                        "                                                <td>用户名</td>\n" +
                        "                                                <td>内容</td>\n" +
                        "                                                <td>商品名</td>\n" +
                        "                                                <td>规格</td>\n" +
                        "                                                <td>类型</td>\n" +
                        "                                                <td>日期</td>\n" +
                        "                                            </tr>")
                    for (let p of r.data) {

                        $("#reviewTable").append("<tr><td>" + p.userAccount + "</td>" + "<td>" + p.content + "</td>" + "<td>" + p.goodsName + "</td>" + "<td>" + p.specValues + "</td>" + "<td>" + p.type + "</td>" + "<td>" + p.time + "</td>" + "</tr>");
                    }
                }
            })


        })
        ;

        function IsNum(s) {
            if (s != null) {
                var r, re;
                re = /\d*/i; //\d表示数字,*表示匹配多个数字
                r = s.match(re);
                return (r == s) ? true : false;
            }
            return false;
        }

        function change() {
            //     location.href="/subject/delete/"+t.id;
            let arr1 = [];
            $("input[type='radio']:checked").each(function () {
                arr1.push(parseInt($(this).val()));
            })
            $.getJSON("../getPrice?ids=" + arr1, function (r) {
                if (r.code == 200) {
                    $("#goodsPrice").text("¥" + r.data);
                    $("#goodsPrice").val(r.data);
                    $("#price2").text("¥" + r.data);
                } else if (r.code == 500) {
                    layer.msg("该商品暂时缺货", {
                        icon: 7,
                        time: 1000
                    })
                }
            });
            $.getJSON("../getSales?ids=" + arr1, function (r) {
                if (r.code == 200) {
                    $("#salesId").text(r.data);
                }
            });

            $.getJSON("../getSkuId?ids=" + arr1, function (r) {
                if (r.code == 200) {
                    $("#skuId").val(r.data);
                }
            });
        }

        function addToCart() {
            let userId = $("#userId").val();
            let mount = $("#buyNums").val();
            let price = $("#goodsPrice").val();
            let skuId = $("#skuId").val();
            let cart = {
                skuId: skuId,
                userId: userId,
                price: price,
                mount: mount,
            };

            $.post("../addToCart", cart, function (r) {
                if (r.code == 200) {
                    layer.msg("添加成功", {
                        icon: 1,
                        time: 1000
                    })
                }
            }, "json");

        }

        function addOrder() {
            let userId = $("#userId").val();
            let mount = $("#buyNums").val();
            let price = $("#goodsPrice").val();
            let skuId = $("#skuId").val();
            let cart = {
                skuId: skuId,
                userId: userId,
                price: price,
                mount: mount,
            };

            $.post("../addOrder", cart, function (r) {
                if (r.code == 200) {
                    localStorage.setItem('carts', JSON.stringify(r.data));
                    location.href = "/front/order/list";
                }
            }, "json");
        }


        function gotoPage(t) {
            let type = t;
            let spuId = $("#spuId").val();
            let review = {
                spuId: spuId,
                type: type,
            };
            $.post("../review", review, function (r) {
                if (r.code == 200) {
                    // alert("查询该商品的所有评论")
                    console.log(r.data)
                    // alert(r.data)
                    $("#reviewTable").empty();
                    $("#reviewTable").append("<tr>\n" +
                        "                                                <td>用户名</td>\n" +
                        "                                                <td>内容</td>\n" +
                        "                                                <td>商品名</td>\n" +
                        "                                                <td>规格</td>\n" +
                        "                                                <td>类型</td>\n" +
                        "                                                <td>日期</td>\n" +
                        "                                            </tr>")
                    for (let p of r.data) {

                        $("#reviewTable").append("<tr><td>" + p.userAccount + "</td>" + "<td>" + p.content + "</td>" + "<td>" + p.goodsName + "</td>" + "<td>" + p.specValues + "</td>" + "<td>" + p.type + "</td>" + "<td>" + p.time + "</td>" + "</tr>");
                    }
                }
                if (r.code == 201) {
                    $("#reviewTable").empty();
                    $("#reviewTable").append("<tr>\n" +
                        "                                                <td>用户名</td>\n" +
                        "                                                <td>内容</td>\n" +
                        "                                                <td>商品名</td>\n" +
                        "                                                <td>规格</td>\n" +
                        "                                                <td>类型</td>\n" +
                        "                                                <td>日期</td>\n" +
                        "                                            </tr>")
                    for (let p of r.data) {

                        $("#reviewTable").append("<tr><td>" + p.userAccount + "</td>" + "<td>" + p.content + "</td>" + "<td>" + p.goodsName + "</td>" + "<td>" + p.specValues + "</td>" + "<td>" + p.type + "</td>" + "<td>" + p.time + "</td>" + "</tr>");
                    }
                }
                if (r.code == 202) {
                    $("#reviewTable").empty();
                    $("#reviewTable").append("<tr>\n" +
                        "                                                <td>用户名</td>\n" +
                        "                                                <td>内容</td>\n" +
                        "                                                <td>商品名</td>\n" +
                        "                                                <td>规格</td>\n" +
                        "                                                <td>类型</td>\n" +
                        "                                                <td>日期</td>\n" +
                        "                                            </tr>")
                    for (let p of r.data) {

                        $("#reviewTable").append("<tr><td>" + p.userAccount + "</td>" + "<td>" + p.content + "</td>" + "<td>" + p.goodsName + "</td>" + "<td>" + p.specValues + "</td>" + "<td>" + p.type + "</td>" + "<td>" + p.time + "</td>" + "</tr>");
                    }
                }
                if (r.code == 203) {
                    $("#reviewTable").empty();
                    $("#reviewTable").append("<tr>\n" +
                        "                                                <td>用户名</td>\n" +
                        "                                                <td>内容</td>\n" +
                        "                                                <td>商品名</td>\n" +
                        "                                                <td>规格</td>\n" +
                        "                                                <td>类型</td>\n" +
                        "                                                <td>日期</td>\n" +
                        "                                            </tr>")
                    for (let p of r.data) {

                        $("#reviewTable").append("<tr><td>" + p.userAccount + "</td>" + "<td>" + p.content + "</td>" + "<td>" + p.goodsName + "</td>" + "<td>" + p.specValues + "</td>" + "<td>" + p.type + "</td>" + "<td>" + p.time + "</td>" + "</tr>");
                    }
                }
            });
        }
    </script>
</head>

<body>
<!--顶部样式-->
<div id="top">
    <div class="top">
        <div class="Collection"><em></em><a href="#">收藏我们</a></div>
        <div class="hd_top_manu clearfix">
            <ul class="clearfix">
                <li class="hd_menu_tit zhuce" data-addclass="hd_menu_hover" th:if="${user eq null}">欢迎光临本店！<a
                        th:href="@{/front/user/login}" class="red">[请登录]</a> 新用户<a th:href="@{/front/user/registered}"
                                                                                   class="red">[免费注册]</a></li>
                <li class="hd_menu_tit zhuce" data-addclass="hd_menu_hover" th:if="${user ne null}">欢迎光临本店！<a
                        th:href="@{/ucenter/user/index}" class="red" th:text="${user.account}"></a> <a
                        th:href="@{/front/user/logout}" class="red">安全退出</a></li>
                <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a th:href="@{/ucenter/order/list}">我的订单</a></li>
                <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a th:href="@{/front/cart}">购物车(<b>0</b>)</a></li>
                <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="#">联系我们</a></li>
                <li class="hd_menu_tit list_name" data-addclass="hd_menu_hover"><a href="#" class="hd_menu">客户服务</a>
                    <div class="hd_menu_list">
                        <ul>
                            <li><a href="#">常见问题</a></li>
                            <li><a href="#">在线退换货</a></li>
                            <li><a href="#">在线投诉</a></li>
                            <li><a href="#">配送范围</a></li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--logo和搜索样式-->
<div id="header" class="header">
    <div class="logo">
        <a th:href="@{/front/SPU/index}"><img th:src="@{/images/logo1.png}" alt="logo" height="139" width="247"/></a>
        <div class="phone">
            免费咨询热线:<span class="telephone">400-3454-343</span>
        </div>
    </div>
    <div class="Search">
        <p><input name="" type="text" class="text"/><input name="" type="submit" value="" class="Search_btn"/></p>
        <p class="Words"><a th:each="cate : ${category}" th:href="@{/front/SPU/index/{id}(id=${cate.id})}"
                            th:text="${cate.name}"></a></p>
    </div>
</div>
<!--导航栏样式-->
<div id="Menu" class="clearfix">
    <div class="Menu_style">
        <div id="allSortOuterbox" class="display">
            <div class="Category"><a href="#" class="Menu_img"><em></em></a></div>
            <div class="hd_allsort_out_box_new">
                <!--左侧栏目开始-->
                <div class="Menu_list">
                    <div class="menu_title">商品分类</div>
                    <a th:each="cate : ${category}" th:href="@{/front/SPU/index/{id}(id=${cate.id})}"
                       th:text="${cate.name}"></a>
                </div>
                <!--                <div class="Menu_list">-->
                <!--                    <div class="menu_title">茶叶价格</div>-->
                <!--                    <a href="#">100以下</a><a href="#">100-200</a><a href="#">200-400</a><a href="#">400-600</a><a-->
                <!--                        href="#">600-900</a><a href="#">1000以上</a>-->
                <!--                </div>-->
                <div class="Menu_list">
                    <div class="menu_title">推荐商品</div>
                    <ul class="recommend">
                        <li th:each="good,goodStat : ${goodsHot}" th:if="${goodStat.index} lt 3"><a
                                th:href="@{/front/SPU/view/{id}(id=${good.spu.id})}"
                                th:text="${good.spu.name}"></a></li>
                        <li th:each="good,goodStat : ${goodsNew}" th:if="${goodStat.index} lt 3"><a
                                th:href="@{/front/SPU/view/{id}(id=${good.spu.id})}"
                                th:text="${good.spu.name}"></a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="Navigation" id="Navigation">
            <ul class="Navigation_name">
                <li><a class="nav_on" id="mynav2" th:href="@{/front/SPU/lists}"><span>商品中心</span></a></li>
            </ul>
        </div>
        <script>$("#Navigation").slide({titCell: ".Navigation_name li"});</script>
        <!--购物车-->
        <div class="hd_Shopping_list" id="Shopping_list">
            <div class="s_cart"><em></em><a th:href="@{/front/cart}">我的购物车</a> <i class="ci-right">&gt;</i><i
                    class="ci-count"
                    id="shopping-amount">0</i>
            </div>
            <div class="dorpdown-layer">
                <div class="spacer"></div>
                <!--<div class="prompt"></div><div class="nogoods"><b></b>购物车中还没有商品，赶紧选购吧！</div>-->
                <ul class="p_s_list">
                    <li>
                        <div class="img"><img src="images/tianma.png"></div>
                        <div class="content"><p><a href="#">产品名称</a></p>
                            <p>颜色分类:紫花8255尺码:XL</p></div>
                        <div class="Operations">
                            <p class="Price">￥55.00</p>
                            <p><a href="#">删除</a></p></div>
                    </li>
                </ul>
                <div class="Shopping_style">
                    <div class="p-total">共<b>1</b>件商品　共计<strong>￥ 515.00</strong></div>
                    <a href="#" title="去购物车结算" id="btn-payforgoods" class="Shopping">去购物车结算</a>
                </div>
            </div>
        </div>
    </div>
</div>
<!--内页样式-->
<div class="Inside_pages" id="app">
    <!--面包屑-->
    <div class="Location_link">
        <em></em><a th:href="@{/front/SPU/index}">商城首页</a> &lt; <a href="#">商品详情</a>
    </div>
    <!--产品购买介绍样式-->
    <div class="Detailed">
        <!--产品详细介绍-->
        <div class="Details_style clearfix" id="goodsInfo">
            <div class="mod_picfold clearfix">
                <div class="clearfix" id="detail_main_img">
                    <div class="layout_wrap preview">
                        <div id="vertical" class="bigImg">
                            <img src="" width="" height="" alt="" id="midimg"/>
                            <div style="display:none;" id="winSelector"></div>
                        </div>
                        <div class="smallImg">
                            <div class="scrollbutton smallImgUp disabled">&lt;</div>
                            <div id="imageMenu" class="smallImg">
                                <ul>
                                    <li th:each="img : ${imgs}"><img th:src="${img.picture}" width="68" height="68"
                                                                     alt="商品详情图"/></li>
                                </ul>
                            </div>
                            <div class="scrollbutton smallImgDown">&gt;</div>
                        </div><!--smallImg end-->
                        <div id="bigView" style="display:none;">
                            <div><img width="800" height="800" alt="" src=""/></div>
                        </div>
                    </div>

                </div>

            </div>
            <!--信息样式-->
            <div class="textInfo">
                <input type="hidden" th:value="${id}" id="spuId"/>
                <input type="hidden" th:value="${user.id}" id="userId"/>
                <input type="hidden" id="skuId"/>
                <form action="javascript:addToCart(97)" name="ECS_FORMBUY" id="ECS_FORMBUY">
                    <div class="title"><h1 th:text="${goods.name}"></h1>
                    </div>
                    <div class="mod_detailInfo_priceSales">
                        <div class="margins">
                            <div class="Price clearfix text_name"><label>价格</label><span
                                    class="Prices" id="goodsPrice" value=""></span></div>

                            <div class="Size clearfix text_name"><label>规格</label>
                                <table id="specTable">
                                    <tr th:each="spec : ${specs}">
                                        <td th:text="${spec.goodsSpec}+':'"></td>
                                        <td>
                                            <span th:each="specDetail : ${spec.specDetails}">
                                                <input type="radio" th:value="${specDetail.id}"
                                                       th:name="${specDetail.specId}"
                                                       th:text="${specDetail.specValue}"
                                                       th:class="${specDetail.specId}" th:onchange="change()">
                                            </span>
                                        </td>
                                    </tr>
                                </table>

                            </div>
                            <div class="Sales_volume">
                                <div class="Sales_info"><h5>销量</h5><b id="salesId"></b></div>
                            </div>
                        </div>

                    </div>
                    <div class="buyinfo" id="detail_buyinfo">
                        <dl>
                            <dt>数量</dt>
                            <dd>
                                <div class="choose-amount left">
                                    <a class="btn-reduce" id="reduce" href="javascript:void(0)">-</a>
                                    <a class="btn-add" id="add" href="javascript:void(0)">+</a>
                                    <input class="text" id="buyNums" value="1" maxlength="5">
                                </div>
                                <div class="P_Quantity">剩余：50000件</div>
                            </dd>
                            <dd>
                                <div class="wrap_btn"><a href="javascript:javascript:void(0)" class="wrap_btn1"
                                                         title="加入购物车" th:onclick="addToCart()"></a>
                                    <a href="javascript:javascript:void(0)" class="wrap_btn2" title="立即购买"
                                       th:onclick="addOrder()"></a></div>
                            </dd>
                        </dl>
                    </div>
                    <div class="Guarantee clearfix">
                        <dl>
                            <dt>商城服务</dt>
                            <dd><em></em>正品保障</dd>
                            <dd><em></em>售后无忧</dd>
                            <dd><em></em>原产认证</dd>
                            <dd class="manner">
                                <div class="payment " id="payment">
                                    <a href="javascript:void(0);" class="paybtn">支付方式<span
                                            class="icon-angle-down"></span></a>
                                    <ul>
                                        <li>货到付款</li>
                                        <li>礼品卡支付</li>
                                        <li>网上支付</li>
                                        <li>银行转账</li>
                                    </ul>
                                </div>
                            </dd>
                        </dl>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!---->
    <div class="clearfix">
        <div class="left_style">
            <div class="Records">
                <div class="title_name">推荐商品</div>
                <ul>
                    <li th:each="good : ${goodsNew}">
                        <a th:href="@{/front/SPU/view/{id}(id=${good.spu.id})}">
                            <p><img th:src="${good.spu.preview}" data-bd-imgshare-binded="1"></p>
                            <p class="p_name" th:text="${good.spu.name}"
                               th:href="@{/front/SPU/view/{id}(id=${good.spu.id})}"></p>
                        </a>
                        <p><span class="p_Price" th:text="| ${good.price}|"></span><b
                                th:text="| ${good.price*1.5}|"></b></p>
                    </li>

                </ul>
            </div>
        </div>
        <div class="right_style">
            <div class="inDetail_boxOut ">
                <div class="inDetail_box">
                    <div class="fixed_out ">
                        <ul class="inLeft_btn fixed_bar">
                            <li><a id="property-id" href="#shangpsx" class="current">商品属性</a></li>
                            <li><a id="detail-id" href="#shangpjs">规格与包装</a></li>
                            <li><a id="shot-id" href="#miqsp">售后服务</a></li>
                            <li><a id="coms1-id" href="#coms1">买家评论</a></li>
                        </ul>
                    </div>
                    <!---->
                    <div class="product_details">
                        <div id="shangpsx">
                            <div class="title">

                            </div>
                            <ul class="shangpsx_info">
                                <li><label>产品名称</label><span th:text="${goods.name}"></span></li>
                                <li><label>价格</label><span id="price2"></span></li>
                                <li><label>发布日期</label><span th:text="${goods.upTime}"></span></li>
                            </ul>
                        </div>
                        <div id="shangpjs">
                            <div th:each="img : ${imgs}"><img th:src="${img.picture}" width="568" height="568"/>
                            </div>
                        </div>
                        <div id="coms1">
                            <div class="productContent" id="status2">
                                <div class=""></div>

                                <div id="ECS_COMMENT">
                                    <div class="Comment">
                                        <div class="CommentTab">
                                            <ul>
                                                <li class="active" onclick="javascript:gotoPage(0);">全部评论</li>
                                                <li onclick="javascript:gotoPage(1);">好评</li>
                                                <li onclick="javascript:gotoPage(2);">中评</li>
                                                <li onclick="javascript:gotoPage(3);">差评</li>
                                            </ul>
                                        </div>
                                        <!--                                        <div class="CommentText" id="goodsdetail_comments_list" style="display:block">-->
                                        <!--                                            <ul class="clearfix">-->
                                        <!--                                            </ul>-->
                                        <!--                                            <div class="discuss_Paging">-->
                                        <!--                                                <div class="discuss">-->
                                        <!--                                                    <span class="f_l f6"-->
                                        <!--                                                          style="margin-right:10px;">共 <b>0</b> 条评论</span>-->
                                        <!--                                                    <p id="commentPager_4">-->
                                        <!--                                                        <a href="javascript:gotoPage(1,78,0,0)">首页</a>-->
                                        <!--                                                        <a class="prev" href="javascript:;">上一页</a>-->
                                        <!--                                                        <a class="next" href="javascript:;">下一页</a>-->
                                        <!--                                                        <a class="last" href="javascript:;">尾页</a>-->
                                        <!--                                                    </p>-->
                                        <!--                                                </div>-->
                                        <!--                                            </div>-->
                                        <!--                                        </div>-->
                                        <table id="reviewTable">
                                            <tr>
                                                <td>用户名</td>
                                                <td>内容</td>
                                                <td>商品名</td>
                                                <td>类型</td>
                                                <td>日期</td>
                                            </tr>


                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--友情链接-->
    <div class="Links">
        <div class="link_title">友情链接</div>
        <div class="link_address"><a href="#">四川茶叶协会</a> <a href="#">链接地址</a> <a href="#">链接地址</a> <a href="#">链接地址 </a>
            <a href="#">链接地址</a> <a href="#">链接地址</a> <a href="#">链接地址</a></div>
    </div>
</div>
<!--底部样式-->
<div class="footer">
    <div class="streak"></div>
    <div class="footerbox clearfix">
        <div class="left_footer">
            <div class="img"><img th:src="@{/images/img_33.png}"/></div>
            <div class="phone">
                <h2>服务咨询电话</h2>
                <p class="Numbers">400-3455-334</p>
            </div>
        </div>
        <div class="right_footer">
            <dl>
                <dt><em class="icon_img"></em>购物指南</dt>
                <dd><a href="#">怎样购物</a></dd>
                <dd><a href="#">积分政策</a></dd>
                <dd><a href="#">会员优惠</a></dd>
                <dd><a href="#">订单状态</a></dd>
                <dd><a href="#">产品信息</a></dd>
                <dd><a href="#">怎样购物</a></dd>
            </dl>
            <dl>
                <dt><em class="icon_img"></em>配送方式</dt>
                <dd><a href="#">快递资费及送达时间</a></dd>
                <dd><a href="#">快递覆盖地区查询</a></dd>
                <dd><a href="#">验货与签收</a></dd>
                <dd><a href="#">订单状态</a></dd>
                <dd><a href="#">产品信息</a></dd>
                <dd><a href="#">怎样购物</a></dd>
            </dl>
            <dl>
                <dt><em class="icon_img"></em>配送方式</dt>
                <dd><a href="#">货到付款</a></dd>
                <dd><a href="#">支付宝</a></dd>
                <dd><a href="#">财付通</a></dd>
                <dd><a href="#">网银支付</a></dd>
                <dd><a href="#">银联支付</a></dd>
            </dl>
            <dl>
                <dt><em class="icon_img"></em>售后服务</dt>
                <dd><a href="#">退换货原则</a></dd>
                <dd><a href="#">退换货要求与运费规则</a></dd>
                <dd><a href="#">退换货流程</a></dd>
            </dl>
            <dl>
                <dt><em class="icon_img"></em>关于我们</dt>
                <dd><a href="#">关于我们</a></dd>
                <dd><a href="#">友情链接</a></dd>
                <dd><a href="#">媒体报道</a></dd>
                <dd><a href="#">新闻动态</a></dd>
                <dd><a href="#">企业文化</a></dd>

            </dl>
        </div>
    </div>
    <div class="slogen">
        <div class="footerbox clearfix ">
            <ul class="wrap">
                <li>
                    <a href="#"><img th:src="@{/images/icon_img_02.png}" data-bd-imgshare-binded="1"></a>
                    <b>正品保证</b>
                    <span>正品行货 放心选购</span>
                </li>
                <li><a href="#"><img th:src="@{/images/icon_img_03.png}" data-bd-imgshare-binded="2"></a>
                    <b>满68元包邮</b>
                    <span>购物满68元，免费快递</span>
                </li>
                <li>
                    <a href="#"><img th:src="@{/images/icon_img_04.png}" data-bd-imgshare-binded="3"></a>
                    <b>厂家直供</b>
                    <span>价格更低，质量更可靠</span>
                </li>
                <li>
                    <a href="#"><img th:src="@{/images/icon_img_05.png}" data-bd-imgshare-binded="4"></a>
                    <b>权威认证</b>
                    <span>政府扶持单位，安全保证</span>
                </li>
            </ul>
        </div>
    </div>
    <div class="footerbox Copyright">
        <p><a href="#">关于我们</a> | <a href="#">隐私申明</a> | <a href="#">成为供应商</a> | <a href="#">茶叶</a> | <a href="#">博客</a>
            |<a href="#">友情链接</a> | <a href="#">网站地图</a></p>
        <p>Copyright 2010 - 2015 巴山雀舌 四川巴山雀舌茗茶实业有限公司 zuipin.cn All Rights Reserved </p>
        <p>川ICP备10200063号-1</p>
        <a href="#" class="return_img"></a>
    </div>
</div>
<!--右侧菜单栏购物车样式-->
<div class="fixedBox">
    <ul class="fixedBoxList">
        <li class="fixeBoxLi user"><a th:href="@{/ucenter/user/index}"> <span class="fixeBoxSpan"></span>
            <strong>用户</strong></a></li>
        <li class="fixeBoxLi cart_bd" style="display:block;" id="cartboxs">
            <p class="good_cart">0</p>
            <a th:href="@{/front/cart}"> <span class="fixeBoxSpan"></span> <strong>购物车 </strong></a>
            <div class="cartBox">
                <div class="bjfff"></div>
                <div class="message">购物车内暂无商品，赶紧选购吧</div>
            </div>
        </li>
        <li class="fixeBoxLi Service "><span class="fixeBoxSpan"></span> <strong>客服</strong>
            <div class="ServiceBox">
                <div class="bjfffs"></div>
                <dl onclick="javascript:;">
                    <dt><img src="images/Service1.png"></dt>
                    <dd><strong>QQ客服1</strong>
                        <p class="p1">9:00-22:00</p>
                        <p class="p2"><a
                                href="http://wpa.qq.com/msgrd?v=3&amp;uin=123456&amp;site=DGG三端同步&amp;menu=yes">点击交谈</a>
                        </p>
                    </dd>
                </dl>
                <dl onclick="javascript:;">
                    <dt><img th:src="@{/images/Service1.png}"></dt>
                    <dd><strong>QQ客服1</strong>
                        <p class="p1">9:00-22:00</p>
                        <p class="p2"><a
                                href="http://wpa.qq.com/msgrd?v=3&amp;uin=123456&amp;site=DGG三端同步&amp;menu=yes">点击交谈</a>
                        </p>
                    </dd>
                </dl>
            </div>
        </li>
        <li class="fixeBoxLi code cart_bd " style="display:block;" id="cartboxs">
            <span class="fixeBoxSpan"></span> <strong>微信</strong>
            <div class="cartBox">
                <div class="bjfff"></div>
                <div class="QR_code">
                    <p><img th:src="@{/images/erweim.jpg}" width="150px" height="150px" style=" margin-top:10px;"/></p>
                    <p>微信扫一扫，关注我们</p>
                </div>
            </div>
        </li>

        <li class="fixeBoxLi Home"><a th:href="@{/ucenter/collect/list}"> <span class="fixeBoxSpan"></span>
            <strong>收藏</strong>
        </a></li>
        <li class="fixeBoxLi BackToTop"><span class="fixeBoxSpan"></span> <strong>返回顶部</strong></li>
    </ul>
</div>
</body>
</html>
